<template>
  <view class="container">
    <!-- 头部背景图 -->
    <image src="/sub_shop/static/images/swiperbgc.png" mode="" class="swiperbgc"></image>
    <!-- 头部搜索组件 -->
    <headerCom style="position: absolute; top: 50rpx">
      <template #sort>
        <image src="/sub_shop/static/images/sort.png" mode="" style="width: 38rpx; height: 38rpx; margin-left: 100rpx"></image>
      </template>
    </headerCom>
    <!-- 内容区域 -->
    <view class="defaultaddress">
      <veiw class="header">
        <text style="font-size: 30rpx; font-family: PingFang SC, PingFang SC; font-weight: bold; color: #222222">李秀才</text>
        <text style="font-size: 30rpx; font-family: PingFang SC, PingFang SC; font-weight: bold; color: #222222">（+86)18792889632</text>
        <text v-if="true" class="default">默认</text>
      </veiw>
      <view class="homeplace">中国 河南省 郑州市 中原区 大学路22号院兴业大厦 13栋一单元2202房间</view>
      <view class="operation">
        <view style="display: inline-block; margin-right: 100rpx">
          <uni-icons type="trash" size="20"></uni-icons>
          删除
        </view>

        <view style="display: inline-block">
          <image src="/sub_shop/static/images/edit.png" mode="" style="width: 36rpx; height: 36rpx; vertical-align: middle"></image>
          编辑
        </view>
      </view>
    </view>
    <view class="defaultaddress">
      <veiw class="header">
        <text style="font-size: 30rpx; font-family: PingFang SC, PingFang SC; font-weight: bold; color: #222222">李秀才</text>
        <text style="font-size: 30rpx; font-family: PingFang SC, PingFang SC; font-weight: bold; color: #222222">（+86)18792889632</text>
        <text v-if="false" class="default">默认</text>
      </veiw>
      <view class="homeplace">中国 河南省 郑州市 中原区 大学路22号院兴业大厦 13栋一单元2202房间</view>
      <view class="operation">
        <view style="display: inline-block; margin-right: 100rpx">
          <uni-icons type="trash" size="20"></uni-icons>
          删除
        </view>

        <view style="display: inline-block">
          <image src="/sub_shop/static/images/edit.png" mode="" style="width: 36rpx; height: 36rpx; vertical-align: middle"></image>
          编辑
        </view>
      </view>
    </view>
    <!-- 底部组件 -->
    <footerCom style="position: fixed; bottom: 0"></footerCom>
    <!-- 解决固定定位的覆盖问题 -->
    <view style="position: relative; bottom: 0; width: 750rpx; height: 98rpx"></view>
  </view>
</template>

<script>
import headerCom from '@/components/headersearch/headersearch.vue';
import footerCom from '@/components/shopfooter/shopfooter.vue';
export default {
  components: {
    headerCom,
    footerCom
  },
  data() {
    return {};
  }
};
</script>

<style lang="less" scoped>
.container {
  .swiperbgc {
    width: 750rpx;
    height: 176rpx;
  }
  .defaultaddress {
    box-sizing: border-box;
    width: 702rpx;
    height: 260rpx;
    background: #ffffff;
    margin: 24rpx;
    padding: 36rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
    .header {
      .default {
        width: 44rpx;
        height: 32rpx;
        font-size: 22rpx;
        font-family: PingFang SC, PingFang SC;
        font-weight: 400;
        color: #61bdb2;
        margin-left: 10rpx;
        border: 2rpx dotted #61bdb2;
      }
    }
    .homeplace {
      width: 630rpx;
      height: 80rpx;
      font-size: 28rpx;
      font-family: PingFang SC, PingFang SC;
      font-weight: 400;
      margin: 22rpx 0;
      color: #222222;
    }
    .operation {
      font-size: 26rpx;
      text-align: right;
    }
  }
}
</style>
